<?php
Yii::app()->clientScript->registerCoreScript('backbone');
Yii::app()->clientScript->registerCoreScript('layout');
Yii::app()->clientScript->registerCoreScript('wijmo');

Yii::app()->clientScript->registerCssFile(Yii::app()->baseUrl . '/css/reset.css');
Yii::app()->clientScript->registerCssFile(Yii::app()->baseUrl . '/css/app.css');
Yii::app()->clientScript->registerCssFile(Yii::app()->baseUrl . '/css/jquery.wijmo-pro.all.3.20131.1.min.css');
Yii::app()->clientScript->registerCssFile(Yii::app()->baseUrl . '/css/themes/metro/jquery-wijmo.css');





?>
<div class="ui-layout-north">
   <div id="top-menu"></div>
   <div id="top-bar"></div>
	<div id="command-bar"></div>
</div>
<div id="main-container" class="ui-layout-center">
   <div id="main-content">
		<ul>
			<li><a href="#tabs-1">tab1</a></li>
			<li><a href="#tabs-2">tab2</a></li>
		</ul>
		<div id="tabs-1" rel="1">
			<div id="main-scroller">
				<table id="main-grid"></table>
			</div>
		</div>
		<div id="tabs-2" rel="2">
		</div>
	</div>
</div>
<div id="left-sidebar" class="ui-layout-west">
	<div id="sidebar-accordion">
      <h3>TABS</h3>
      <div>
			<div class="select-tab" rel="0">Tab 1</div>
			<div class="select-tab" rel="1">Tab 2</div>
		</div>
      <h3>header</h3>
      <div>content</div>
      <h3>header</h3>
      <div>content</div>
	</div>
</div>
<?php
Yii::app()->getClientScript()->registerScript('appview',  $this->renderPartial('scripts/views/app', array(), true), 4);
?>